<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">

<head>
    <title>success</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <title>test</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link href="https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700,900" rel="stylesheet"
          type="text/css">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link type="text/css" rel="stylesheet" charset="UTF-8"
          href="https://translate.googleapis.com/translate_static/css/translateelement.css">
    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700|Raleway:300,600" rel="stylesheet"/>
    <link rel='stylesheet' href='../../resources/css/bootstrap.min.css'/>
    <link rel='stylesheet' href="../../resources/css/components.css"/>
    <link rel='stylesheet' href="../../resources/css/jquery-ui.css"/>
    <link rel="stylesheet" href="../../resources/css/styles.css"/>
    <link rel='stylesheet' href="../../resources/css/core.css"/>
    <link rel='stylesheet' href="../../resources/css/pagination.css"/>
    <link rel='stylesheet' href="../../resources/css/manager.css"/>
    <!--  <script src="../../../resources/js/jquery-3.1.1.min.js"></script>-->
    <script src="../../resources/js/jquery.min.js"></script>
    <script src='../../resources/js/bootstrap.min.js'></script>
    <script src="../../resources/js/manager.js"></script>
    <script src="../../resources/js/app.js"></script>
</head>
<body>
<div class="container">
    <div class="row clearfix">
        <div class="col-md-12 column">
            <div class="row clearfix header-wrap" >
                    <div class="col-md-12 column">
                        <nav class="navbar navbar-default " role="navigation">
                            <div class="navbar-header">
                                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button> <a class="navbar-brand" href="#"></a>
                            </div>
                            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                                <ul class="nav navbar-nav">
                                    <!--<li class="active">-->
                                        <!--<a href="#">Link</a>-->
                                    <!--</li>-->
                                    <!--<li>-->
                                        <!--<a href="#">Link</a>-->
                                    <!--</li>-->
                                </ul>
                                <form class="navbar-form navbar-left" role="search" th:href="@{/userList}" method="post">
                                    <div class="form-group">
                                        <input type="text" class="form-control" placeholder="模糊搜索"
                                               name="title" th:value="${title}" th:id="title"/>
                                        <input class="hidden" th:value="${flag}" name="flag" id="flag"/>
                                        <input class="hidden" th:value="${num}" name="num" id="num"/>
                                    </div>
                                    <button class="btn btn-warning" type="submit">搜索</button>
                                </form>
                                <ul class="nav navbar-nav navbar-right">
                                    <li>
                                        <a href="#">Link</a>
                                    </li>
                                    <div class="btn-group">
                                        <button type="button" class="btn btn-default dropdown-toggle btn-xs"
                                                data-toggle="dropdown">
                                            成功 <span class="caret"></span>
                                        </button>
                                        <ul class="dropdown-menu" role="menu">
                                            <li><a href="#">功能</a></li>
                                            <li><a href="#">另一个功能</a></li>
                                            <li><a href="#">其他</a></li>
                                            <li class="divider"></li>
                                            <li><a href="#">分离的链接</a></li>
                                        </ul>
                                    </div>
                                </ul>
                            </div>
                        </nav>
                    </div>
                </div>
            <div class="row clearfix"  >
                <div class="col-md-12 column">
                    <div class="tabbable" id="tabs-271942">
                        <ul class="nav nav-tabs">
                            <li class="active">
                                <a href="#panel-309860" data-toggle="tab">Section 1</a>
                            </li>
                            <li>
                                <a href="#panel-592587" data-toggle="tab">Section 2</a>
                            </li>
                        </ul>
                        <div class="tab-content">
                            <div class="tab-pane active" id="panel-309860">
                                <div class="row clearfix">
                                    <div class="col-md-12 column">
                                        <table class="table table-hover">
                                            <thead>
                                            <tr>
                                                <th>
                                                    编号
                                                </th>
                                                <th>
                                                    产品
                                                </th>
                                                <th>
                                                    交付时间
                                                </th>
                                                <th>
                                                    状态
                                                </th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <tr>
                                                <td>
                                                    1
                                                </td>
                                                <td>
                                                    TB - Monthly
                                                </td>
                                                <td>
                                                    01/04/2012
                                                </td>
                                                <td>
                                                    Default
                                                </td>
                                            </tr>
                                            <tr class="success">
                                                <td>
                                                    1
                                                </td>
                                                <td>
                                                    TB - Monthly
                                                </td>
                                                <td>
                                                    01/04/2012
                                                </td>
                                                <td>
                                                    Approved
                                                </td>
                                            </tr>
                                            <tr class="error">
                                                <td>
                                                    2
                                                </td>
                                                <td>
                                                    TB - Monthly
                                                </td>
                                                <td>
                                                    02/04/2012
                                                </td>
                                                <td>
                                                    Declined
                                                </td>
                                            </tr>
                                            <tr class="warning">
                                                <td>
                                                    3
                                                </td>
                                                <td>
                                                    TB - Monthly
                                                </td>
                                                <td>
                                                    03/04/2012
                                                </td>
                                                <td>
                                                    Pending
                                                </td>
                                            </tr>
                                            <tr class="info">
                                                <td>
                                                    4
                                                </td>
                                                <td>
                                                    TB - Monthly
                                                </td>
                                                <td>
                                                    04/04/2012
                                                </td>
                                                <td>
                                                    Call in to confirm
                                                </td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane" id="panel-592587">
                                <div class="row clearfix">
                                    <div class="col-md-12 column">
                                        <table class="table table-hover">
                                            <thead>
                                            <tr>
                                                <th>
                                                    编号
                                                </th>
                                                <th>
                                                    产品7687o689
                                                </th>
                                                <th>
                                                    交付时间
                                                </th>
                                                <th>
                                                    状态
                                                </th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <tr>
                                                <td>
                                                    1
                                                </td>
                                                <td>
                                                    TB - Monthly
                                                </td>
                                                <td>
                                                    01/04/2012
                                                </td>
                                                <td>
                                                    Default
                                                </td>
                                            </tr>
                                            <tr class="success">
                                                <td>
                                                    1
                                                </td>
                                                <td>
                                                    TB - Monthly
                                                </td>
                                                <td>
                                                    01/04/2012
                                                </td>
                                                <td>
                                                    Approved
                                                </td>
                                            </tr>
                                            <tr class="error">
                                                <td>
                                                    2
                                                </td>
                                                <td>
                                                    TB - Monthly
                                                </td>
                                                <td>
                                                    02/04/2012
                                                </td>
                                                <td>
                                                    Declined
                                                </td>
                                            </tr>
                                            <tr class="warning">
                                                <td>
                                                    3
                                                </td>
                                                <td>
                                                    TB - Monthly
                                                </td>
                                                <td>
                                                    03/04/2012
                                                </td>
                                                <td>
                                                    Pending
                                                </td>
                                            </tr>
                                            <tr class="info">
                                                <td>
                                                    4
                                                </td>
                                                <td>
                                                    TB - Monthly
                                                </td>
                                                <td>
                                                    04/04/2012
                                                </td>
                                                <td>
                                                    Call in to confirm
                                                </td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row clearfix">
                <div class="col-md-4 column">
                </div>
                <div class="col-md-4 column">
                    <ul class="pagination pagination-sm">
                            <!--前一页-->
                    </ul>
                </div>
                <div class="col-md-4 column">
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
